前面提到,直接請 AI 產生 draw.io 圖檔時,通常還要下載檔案,再開啟 draw.io 匯入及檢查。draw.io MCP Tool Server 則把這幾個步驟接了起來,讓 AI 產生圖表內容後,直接呼叫工具並在瀏覽器中開啟 draw.io 編輯器。
draw.io MCP 並不是代替 AI 判斷流程該怎麼畫。圖中的節點、連線及樣式仍由 AI 產生,MCP server 負責接收這些內容,轉換成 draw.io 可以開啟的網址,再將網址回傳給 AI。使用者開啟網址後,就能在熟悉的 draw.io 畫面中查看及編輯。
整個過程可以簡化成:
描述需求 → AI 產生圖表內容 → 呼叫 draw.io MCP → 開啟 draw.io 編輯器
這樣便不需要自行建立圖檔、下載及匯入,產圖與檢視也能留在同一次對話中完成。
MCP Tool Server 支援 draw.io XML、CSV 與 Mermaid 三種格式。XML 可以完整描述節點、連線及樣式;CSV 適合將表格資料轉成組織圖等圖表;既有的 Mermaid 語法也能轉成可在 draw.io 編輯的圖。
它也提供圖形搜尋工具,可以從 draw.io 圖形庫中尋找雲端服務、網路設備、BPMN 等圖示。處理本機的多頁 draw.io 檔案時,還能讀取頁面清單、取得指定頁面,或只替換其中一頁,其他頁面不受影響。
這個系列會以 draw.io XML 為主,透過 MCP Tool Server 開啟瀏覽器版 draw.io。MCP 解決的是圖表內容如何送進編輯器,至於流程是否正確、版面是否清楚,以及修改時能否保留其他內容,仍需要文件與繪圖規格加以約束。
draw.io 官方專案目前提供四種接入方式。明天會比較它們的運作方式與使用情境,再說明我最後選擇 MCP Tool Server 的原因。